<?php
/*
 * 
 * 
 * 
 
 注意  必须定义每个的高度，不能用 height:auto
 
 
1. 如淘宝商品，选中后出现边框等 ：

  a) 如果只是多了边框，为了防止选中后图片移动，可以默认无色边框
  
    	选中后显示有色边框
    	
  b) 选中后结构发生变化
  
     可以使用2个DIV，选中的遮住默认的，或者2个之间切换

	$('#js_top_mall li').mouseenter(function(){	$(this).addClass('xuan');}).mouseleave(function(){$(this).removeClass('xuan');});
	
	使用 .xuan这个样式控制2个div的显示
	
	
	<li data-i="0" class="">
		<div style="width: 100%; height: 100px; display: block;" class="box1">
			<a class="img" href="#"><img alt="淘宝返利" src="http://www.4318.com/static/home/images/taobaofanli.gif"></a>
			<p style="margin-top:25px;">最高返利35%</p>
		</div>
		<div class="box2">
			<a data-i="0" class="js_top_mall_show img" href="#">
				<img alt="淘宝返利" src="http://www.4318.com/static/home/images/taobaofanli.gif">
			</a>
			<p>
				<a data-i="" class="js_top_mall_goto a1" href="#"></a>
				<a data-i="" class="js_top_mall_show a2" href="#"></a>
			</p>
		</div>
	</li>
	


